<!DOCTYPE html>
<html>
<head>
<title>日新网 - 行家</title>
<meta name="keywords" content="{$site_seo_keywords}" />
<meta name="description" content="{$site_seo_description}">
<meta name="author" content="日新网">
<tc_include file="Public:head" />
	<style>
		*{
			margin: 0;
			padding: 0;
			font-family:Microsoft YaHei;
		}
		.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear:both; height: 0; }
		.clearfix{zoom:1;}
		.ellipsis3 {overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
		.ellipsis2 {overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

		li{
			list-style: none;
		}
		a{
			text-decoration:none;
			color:  #333333;
		}

		/*个人中心头部*/
		.personal_top {
			width: 100%;
			background:url("/public/images/img/personal.png");
			height: 335px;
			background-size: 100% 100%;
			margin-top: -18px;
		}
		.personal_ground {
			width: 1198px;
			height: 200px;
			padding-top: 98px;
			margin: 0 auto;
		}
		.personal_ground .text {
			width: 760px;
			height: 200px;
			float: left;
		}
		.personal_ground .text .picture_ground {
			width: 200px;
			height: 200px;
			float: left;
		}
		.personal_ground .picture_ground img {
			width: 100%;
			height: 100%;
			border-radius: 50%;
		}
		.personal_ground .text .rightarea {
			margin-left: 224px;
		}
		.personal_ground .rightarea {
			padding-top: 48px;
		}
		.personal_ground .rightarea .name {
			font-size: 32px;
			color: #fff;
			font-weight: bold;
			line-height: 36px;
			letter-spacing: 2px;
		}
		.personal_ground .rightarea .word {
			font-size: 16px;
			line-height: 20px;
			margin-top: 18px;
			color: #fff;
			font-weight: bolder;
			letter-spacing: 1px;
		}
		.personal_ground .rightarea .word1 {
			margin-right: 24px;
		}
		.personal_ground .rightarea .introduce {
			font-size: 12px;
			color: #fff;
			line-height: 18px;
			margin-top: 10px;
			overflow: hidden;
		}
		/*二维码 top*/
		.personal_ground .code {
			float: right;
			width: 350px;
			margin-top: 140px;
		}
		.personal_ground .code .community {
			position: relative;
			width: 74px;
			padding-right: 20px;
			display: inline-block;
			color: #FFFFFF;
			font-size: 18px;
			font-weight: bolder;
			background: url("/public/images/img/triangle.png") right center no-repeat;
		}
		.personal_ground .code .share {
			position: relative;
			width: 74px;
			display: inline-block;
			margin-left: 42px;
			color: #FFFFFF;
			font-size: 18px;
			font-weight: bolder;
		}
		.personal_ground .code .code1 ,.personal_ground .code .code2{
			position: absolute;
			top: -116px;
			left: 30px;
			width: 112px;
			height: 112px;
			display: none;
		}
		.personal_ground .code .code1 img ,.personal_ground .code .code2 img {
			border-radius: 10px;
		}
		.personal_ground .code .code2 {
			left: -36px;
		}
		.personal_ground .community:hover .code1 ,.personal_ground .share:hover .code2{
			display: block;
		}
		/*主要提内容*/
		.container .left_area {
			float: left;
			width: 760px;
		}
		.container .expert_title {
			font-size: 16px;
			color: #000232;
			font-weight: bold;
			letter-spacing: 2px;
			line-height: 20px;
			margin: 38px 0 24px;
		}
		.container .left_area .expert_describe {
			font-size: 16px;
			color: #333333;
			line-height: 24px;
			margin-bottom: 26px;
		}




		/*右侧内容开始*/
		.container .right_area {
			float: right;
			width: 350px;
		}
		/*个人专栏*/
		.container .right_area .column_item {
			height: 113px;
			padding: 7px 0 0 10px;
			-webkit-box-shadow: 0px 3px 6px 0px
			rgba(0, 0, 0, 0.16);
			-moz-box-shadow: 0px 3px 6px 0px
			rgba(0, 0, 0, 0.16);
			box-shadow: 0px 3px 6px 0px
			rgba(0, 0, 0, 0.16);
			position: relative;
			margin-bottom: 8px;
		}
		.right_area .column_item .picture_ground {
			float: left;
			width: 160px;
			height: 106px;
		}
		.right_area .column_item .picture_ground img {
			width: 100%;
			height: 100%;
		}
		.right_area .column_item .text {
			margin-left: 172px ;
			margin-right: 12px;
		}
		.column_item .text .title{
			line-height: 22px;
			font-size: 16px;
			color: #000232;
			font-weight: bolder;
			max-height: 88px;
			overflow: hidden;
		}
		.column_item .text .timer {
			position: absolute;
			bottom: 8px;
			color: #000232;
			font-size: 14px;
			line-height: 18px;
		}
		/*热门活动*/
		.right_area .sport .sport_item {
			height: 210px;
			margin-bottom: 20px;
		}
		.right_area  .sport_item img {
			width: 100%;
			height: 100%;
		}
		/*其他行家*/
		 .right_area .expert_more, .left_area .expert_more{
			 float: right;
			 font-size: 16px;
			 color: #0e2679;
			 margin-top: -44px;
			 margin-right: 4px;
		}
		.author {width:349px;  font-family: 'Source Han Sans CN';margin-top: 90px;}
		.expert ul {width:330px;margin:0 auto;}
		.expert li{width: 330px;height: 110px;margin:26px auto 0; list-style: none; position: relative;}
		.caijian {position:absolute;top:-30px;left: 16px;width: 60px;height: 60px;overflow: hidden; margin-right: 20px;z-index: 100;}
		.caijian img {width: 60px;height: 60px;border-radius: 50%; }
		.desc { display: table; width: 330px;height: 80px; border: 1px solid rgba(0,2,50,0.5);}
		.desc .table_cell {padding-left:88px;margin-top: -26px;}
		.desc span {font-size: 16px;color: #000232;line-height: 20px;}
		.desc .mz {color: #000232;font-size: 18px;font-weight: 500;display: inline-block;width: 225px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
			line-height: 20px;}
		.desc .text {
			margin:16px 16px 0 ;
			font-size: 14px;
			line-height: 18px;
			color: #707070;
			max-height: 36px;
		}
		.list-boxes {padding:0;}
		.right_area .expert {
			margin-top: 60px;
		}
		/*右侧内容结束*/

		/*企业介绍*/
		.left_area .enterprise {
			min-height: 228px;
			-webkit-box-shadow:0px 3px 6px 0px
			rgba(0, 0, 0, 0.16);
			-moz-box-shadow: 0px 3px 6px 0px
			rgba(0, 0, 0, 0.16);
			box-shadow: 0px 3px 6px 0px
			rgba(0, 0, 0, 0.16);
			padding: 20px 12px 1px;
			color: #333333;
		}
		.left_area .enterprise div {
			margin-bottom: 17px;
			overflow: hidden;
		}
		.left_area .enterprise .name1 {
			font-size: 18px;
			font-weight: bold;
			letter-spacing: 2px;
			float: left;
		}
		.left_area .enterprise .name {
			float: left;
			font-size: 12px;
			margin-left: 18px;
			line-height: 22px;
			text-align: right;
		}
		.left_area .enterprise p {
			margin-left: 88px;
			color: #333;
			font-size: 16px;
			line-height: 22px;
		}
		/*问答*/
		.answers {
			overflow: hidden;
		}
		.answers_item {
			width: 730px;
			/*height: 138px;*/
			padding: 12px 14px 20px;
			margin-bottom: 30px;
		}
		.answers a:nth-child(2n) .answers_item{
			margin-right: 0;
		}
		.answers_item .text {
			font-size: 18px;
			color: #000232;
			font-weight: bolder;
			line-height: 24px;
			margin-bottom: 20px;
		}
		.answers_item:hover {
			box-shadow: 3px 3px 6px 0px
			rgba(0, 0, 0, 0.16);
			border-radius: 6px;
			/*opacity: 0.83;*/
		}
		.answers_item .picture_item {
			width: 56px;
			height: 56px;
			float: left;
			margin: 0 62px 0 0;
		}
		.answers .last_item {
			display:none;
		}
		.answers_item .picture_item .spot {
			display: block;
			width: 30px;
			height: 100%;
			background:url("/public/images/img/spot.png") no-repeat center;
		}
		.answers_item .picture_ground {
			overflow: hidden;
		}
		.answers_item .picture_item img {
			width: 56px;
			height: 56px;
			border-radius: 50%;
		}
		.company_link {
			cursor: pointer;
		}
		.open_details {
			cursor: pointer;
		}
	</style>
</head>

<body class="body-white">
	<tc_include file="Public:nav" />
	<div class="personal_top">
		<div class="personal_ground">
			<div class="text">
				<div class="picture_ground">
					<img id="professor_avatar" class="img1" src="{:sp_get_user_avatar_url($base_info['avatar'])}" alt="">
				</div>
				<div class="rightarea">
					<p class="name">{$base_info.user_nicename}</p>
					<p class="word"><span class="word1">{$base_info.company}</span><span class="word2">{$base_info.position}</span></p>
					<p class="introduce">{$base_info.signature}</p>
				</div>
			</div>
			<div class="code">
				<div class="community">
					加入社群
					<div class="code1">
						<img src="/public/images/img/rixin-qun.jpg" alt="">
					</div>
				</div>
				<div class="share">
					分享
					<div class="code2">
						<img src="{$qrcode}" alt="">
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="container tc-main clearfix">
		<div class="left_area">
			<h3 class="expert_title">专家介绍</h3>
			<p class="expert_describe">{$base_info.introduction}</p>

			<!--企业介绍-->
			<if condition="!empty($base_info['company'])">
				<h3 class="expert_title">企业介绍</h3>
				<div class="enterprise">
					<div>
						<span class="name1">企业名称</span>
						<p>{$base_info.company|default=''}</p>
					</div>
					<div>
						<span class="name">企业官网</span>
						<p class="company_link">{$base_info.company_link|default=''}</p>
					</div>
					<div>
						<span class="name">成立时间 </span>
						<p>{$base_info.company_start_time|default=''}</p>
					</div>
					<div>
						<span class="name">公司地址</span>
						<p>{$base_info.company_addr|default=''}</p>
					</div>
					<div>
						<span class="name">公司规模</span>
						<p>{$base_info.scale|default=''}</p>
					</div>
					<div>
						<span class="name">详情介绍</span>
						<p class="ellipsis3 open_details">
							{$base_info.company_introduction|default=''}
						</p>
					</div>
				</div>
			</if>

			<!--问答-->
			<if condition="!empty($question)">
				<div style="display: none;">
					<h3 class="expert_title ">问答</h3>
					<a class="expert_more" href="{:U('Question/Question/index')}">More</a>
				</div>
				<div class="answers" style="display: none;">
					<volist name="question" id="vo">
						<a href="{:U('Question/Question/question_info', ['id' => $vo['id']])}">
							<div class="answers_item">
								<p class="text">{$vo.post_title}</p>
								<div class="picture_ground">
									<volist name="vo.answer_avatars" id="vo_a">
										<div class="picture_item">
											<img src="{$vo_a}" alt="">
										</div>
									</volist>
									<if condition="count($vo['answer_avatars']) == 5">
										<div class="picture_item last_item">
											<span class="spot"></span>
										</div>
									</if>
								</div>
							</div>
						</a>
					</volist>
				</div>
			</if>
		</div>


		<div class="right_area">
			<!--个人专栏-->
			<if condition="!empty($articles)">
				<div  class="right_area">
					<h3 class="expert_title">个人专栏</h3>
					<div class="column">
						<volist name="articles" id="vo">
							<div class="column_item">
								<a href="{:U('Portal/Article/article_info', ['id' => $vo['id']])}">
									<div class="picture_ground">
										<img src="{$vo.thumb}" alt="">
									</div>
									<div class="text">
										<p class="title">{$vo.post_title}</p>
										<p class="timer">{$vo.post_date}</p>
									</div>
								</a>
							</div>
						</volist>
					</div>
				</div>
			</if>

			<!--热门活动-->
			<php>
				$hot_artivity = get_activitys(1);
			</php>
			<if condition="!empty($hot_artivity)">
				<h3 class="expert_title">热门活动</h3>
				<div class="sport">
					<volist name="hot_artivity" id="vo">
						<div class="sport_item">
							<a href="{$vo.link_addr}">
								<img src="{:sp_get_asset_upload_path($vo['img'])}" alt="">
							</a>
						</div>
					</volist>
				</div>
			</if>

			<!--其他行家-->
			<php>
				$professor = get_professor_list();
			</php>
			<if condition="!empty($professor)">
				<div>
					<h3 class="expert_title ">其他行家</h3>
					<a class="expert_more" href="{:U('portal/index/professor_list')}">More</a>
				</div>
				<div class="expert">
					<ul>
						<volist name="professor" id="vo">
							<a href="{:U('user/index/professor_homepage', array('professor_id' => $vo['user_id']))}">
								<li>
									<div class="caijian">
										<img src="{:sp_get_user_avatar_url($vo['avatar'])}" alt="专栏作者">
									</div>
									<div class="desc">
										<div class="table_cell">
											<p><span class="mz">{$vo.user_nicename|default=$vo['user_login']}</span></p>
											<p style="line-height: 22px;height: 22px;overflow:hidden;">
												<span class="name" style="font-size: 14px;margin-right: 8px;">{$vo.company}</span>
												<span style="font-size: 14px;">{$vo.position}</span>
											</p>
										</div>
										<p class="text ellipsis2">{$vo.signature}</p>
									</div>
								</li>
							</a>
						</volist>
					</ul>
				</div>
			</if>
		</div>
	</div>

	<div style="height:100px;"></div>
	<tc_include file="Public:scripts" />

	<!--微信分享-->
	<script src="__PUBLIC__/js/wx/jweixin-1.4.0.js"></script>
	<script>
        $('.company_link').click(function () {
            var href 		= $(this).text();
            var http_type   = window.location.protocol.split(':')[0];
            if (href.indexOf('http') < 0) {
                href = http_type + '://' + href;
            }
            window.location.href = href;
        });
	</script>
	<script type="text/javascript">
        wx.config({
            debug: false,
            appId: '{$signPackage.appId}',
            timestamp: '{$signPackage.timestamp}',
            nonceStr: '{$signPackage.nonceStr}',
            signature: '{$signPackage.signature}',
            jsApiList: [
                // 所有要调用的 API 都要加到这个列表中
                'checkJsApi',
                'onMenuShareAppMessage',
                'onMenuShareTimeline'
            ]
        });

        //完成wx.config，执行这里
        wx.ready(function () {

            wx.checkJsApi({
                jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
            });

            var data = {
                title: "日新网 - 行家",
                desc: '{$base_info.user_nicename}',
                link: window.location.href,
                imgUrl: $('#professor_avatar').attr('src'),
            }

            //分享给朋友
            wx.onMenuShareAppMessage(data);
            //分享到朋友圈
            wx.onMenuShareTimeline(data);
        });
	</script>
	<script>
		$(function () {
			$(".picture_ground").each(function (index,value) {
				var num = $(value).children().length;
				if(num >=6){
					$(value).find(".last_item").css("display","block");
				}

			})
		})
	</script>
	<!--企業詳情展開-->
	<script>
		$(function () {
			$(".open_details").click(function () {
				$(this).toggleClass("ellipsis3");
			})
		})
	</script>
</body>
</html>